<template>
    <div>
        <HeaderNav></HeaderNav>
        <div class="middle">
             <img width="120px" height="120px" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fdown.51rc.com%2Fimagefolder%2FLogo%2FL10530000%2F10521741_20161125114949.gif&refer=http%3A%2F%2Fdown.51rc.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1667891856&t=5e646252d8a8d60f0c28804522636150" alt="">
             <p>让每个人都能享受科技的乐趣</p>
        </div>
        <contentBody></contentBody>
    </div>
</template>

<script>
import HeaderNav from '@/views/login/Header-Nav'
import contentBody from './content-body.vue'
export default {
    name: 'My',
    components:{
        HeaderNav,contentBody
    },
    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="less" scoped>
.middle {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
    //  align-content: center;
    color: #bdc6dd;
}
</style>